
.page-shareprofit{
   padding-bottom:50px;
   background: #f14949 url(./image/bg.png) repeat;
  .tip{
    text-align: center;
  }
  .banner{
    background: #f14949  url(./image/banner-bg.png) no-repeat center center;
    .content{
      height: 400px;
      background:url(./image/banner.png) no-repeat center center;
    }
  }

  .container{
    width: 1000px;
    margin:0 auto;
    padding-top:80px;
    position: relative;
    .title-img{
      display: block;
      position: absolute;
      left:0;
      top:0;
      width: 1000px;
    }
    .content{
      padding:40px 20px 20px 20px;
      margin:0 30px;
      line-height: 25px;
      color:#fff;
      p{
         padding:6px 0;
      }
      .share-qrcode{
        width: 120px;
        height: 120px;
        position: absolute;
        top:110px;
        right:100px;
        background: #fff;
        border-radius: 5px;
        img{
          width: 100px;
          height: 100px;
          margin: 10px auto;
          display: block;
        }
      }
    }
  }

  .share-container{
    margin-top:50px;
    .content{
      background: #09c04a;
      a{
        color: #ffb114;
        font-weight: 700;
      }
      a:hover{
        color: #ffd817;
      }
    }
  }

  .recommend-container{
    margin-top:100px;
    .content{
      background: #fac328;
      table{
        background: #fff;
        width: 100%;
        tr{
          td{
            padding:6px 0;
            text-align: center;
            color: #5d5d5d;
          }
        }
        thead{
          tr{
            background: #f14949;
            td{
              color:#fff;
            }
          }
        }
        tbody{
          tr:nth-child(even){
            background: #f4f4f4;
          }
        }
      }
      .profit{
        margin-top:10px;
        text-align: right;
        font-size:15px;
        color: #ff1f28;
        font-weight: 700;
      }
    }
  }

  .list-container {
    margin-top: 50px;
    .content {
      height: 730px;
      background:url('./image/list-bg.png') no-repeat;
      table{
        background: #fff;
        width: 440px;
        float: left;
        padding: 100px 0px;
        tr{
          td{
            padding:10px 0;
            text-align: center;
            color: #5d5d5d;
          }
        }
        thead{
          tr{
            background: #f14949;
            td{
              color:#fff;
            }
          }
        }
        tbody {
          .left{
            padding-left: 10px;
            text-align: left;
          }
          .right {
            color:#F14849;
            text-align: right;
          }
        }
        .percent {
          height: 20px;
          display: inline-block;
          background-color: #f14949;
          position: relative;
          top: 5px;
        }
      }
      table.second {
        margin-left: 20px;
      }
    }
    .list-rule {
      margin-top: 25px;
      padding: 20px;
      border: 1px solid #FFF;
    }

  }

  .rule-container{
    margin-top:50px;
    .content{
      background: #4974ff;
      p{
        margin:10px 0;
      }
    }
  }
}